<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="css/style-apply-before.css">
</head>

<body>
    <div class="main-content">
        <div class="content1">
            <div class="class-title" id="class-title">
            【赢胜新学期】语文基础不牢固？1小时带你搞定语文基础知识
            </div>
            <div class="class-time" id="class-time">
                <span id="month">10</span>月
                <span id="day">28</span>日
                <span id="week">周二</span>
                <span id="start-time">14:00</span>-
                <span id="end-time">15:00</span>
            </div>
            <div class="class-teacher" id="class-teacher">
                <span>讲师：</span>
                <span class="teacher-name" id="teacher-name">
                    某某某
                </span>
            </div>
        </div>
        <div class="content2">
            <div class="apply-way">
                <a></a>
                <span>报名方式</span>
            </div>
            <div class="module">
                <div class="method">
                    方式一
                </div>
                <div class="method-dec">
                    将本课程分享至微信朋友圈，即可报名成功。
                </div>
            </div>
            <div class="module">
                <div class="method">
                    方式二
                </div>
                <div class="method-dec">
                    支付￥9.90 即可享受报名成功。
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div id="times_wrap" class="time_num">
            距离开课还剩
            <div class="time_w">
                <b id="times_d" class="time"></b>天
                <b id="times_h" class="time"></b>小时
                <b id="times_m" class="time"></b>分
                <b id="times_s" class="time"></b>秒
            </div>
        </div>
        <div class="operating-button">
            <input type="button" value="分享课程，免费听" class="share-btn" id="share-btn">
            <input type="button" value="￥9.9 购买课程" class="buy-btn" id="buy-btn">
        </div>
    </div>

    <!-- 弹窗 -->
    <div class="share-masking" id="share-masking">
        <img src="./images/apply-before-share.png" alt="">
    </div>
</body>
</html>
<script src="js/rem.js"></script>
<script src="js/appllication.js"></script>